var web18 = document.querySelector(".web18");
var cover = document.querySelector(".web18 .state_cover");
var gantan = document.querySelector(".web18 header .icon-gantanhao");
var know = document.querySelector(".web18 .state_cover .box_bottom");
var tixian = document.querySelector(".web18 section .detail_wrap .detail_item .detail_all .div #tixian");
var web19 = document.querySelector(".web19");
var web19_error = document.querySelector(".web19 header .icon-error");
var income = document.querySelector(".web18 section .detail_wrap .detail_item .detail_all .div #income");
var web20 = document.querySelector(".web20");
var web20_error = document.querySelector(".web20 header .icon-error");
var shade = document.querySelector(".web21 .shade_box");
var gantan2 = document.querySelector(".web21 header .icon-gantanhao");		
var know2 = document.querySelector(".web21 .shade_box .shade .box_bottom");


gantan.addEventListener("click", function() {
	cover.style.transform = "translateY(0)"
})
know.addEventListener("click", function() {
	cover.style.transform = "translateY(-100%)"
})

gantan2.addEventListener("click", function() {
	shade.style.transform = "translateY(0)"
})
know2.addEventListener("click", function() {
	shade.style.transform = "translateY(-100%)"
})
tixian.addEventListener("click", function() {
	web19.style.transform = "translateX(0)"
})
web19_error.addEventListener("click", function() {
	web19.style.transform = "translateX(-100%)"
})
income.addEventListener("click", function() {
	web20.style.transform = "translateX(0)"
})
web20_error.addEventListener("click", function() {
	web20.style.transform = "translateX(-100%)"
})
